import React, { useState,useEffect} from 'react'
import { Info, Container } from './style'
import personPic from '@/assets/images/default-avatar.png'
import activity from '../../assets/images/activity.png'
import Scroll from '@/baseUI/scroll'
import ListData from '@/components/main/listData/ListData'
import * as api from '@/api'

const Person = () => {
  const [navBarFixed, setNavBarFixed] = useState(false);
  let [list, setList] = useState([])
  let [page, setPage] = useState(1);

  const fetchList = () => {
    api
      .reqlist(page)
      .then(res => {
        setList([
          ...list,
          ...res.data.data.list
        ])
      })
  }
  useEffect(() => {
    fetchList()
  }, [page])
  return (
    <>
      {/* <Scroll
        direction={"vertical"}
      > */}
        <Container>
          <Info>
            <div className="message">
              <div className="pic"><img src={personPic} alt="" /></div>
              <div className="titleContainer">
                <div className="title">严选73764659</div>
              </div>
              <div className="name">更新头像昵称</div>
              <div className="account">切换账号</div>
              <div className="code">
                <img src="https://yanxuan.nosdn.127.net/16062047133944247.png" alt="" />
              </div>
              <div className="vip">Pro会员特权</div>
            </div>

          </Info>
          <div className="num_box">
            <div className="item">
              <div className="num">0</div>
              <div className="txt">礼品卡</div>
            </div>
            <div className="item">
              <div className="num">0</div>
              <div className="txt">余额</div>
            </div>
            <div className="item">
              <div className="num">0</div>
              <div className="txt">红包</div>
            </div>
            <div className="item">
              <div className="num">0</div>
              <div className="txt">优惠券</div>
            </div>
            <div className="item">
              <div className="num">0</div>
              <div className="txt">津贴</div>
            </div>
          </div>
          <div className="managerContainer">
            <div className="management">
              <div className="managementItem">
                <svg t="1641802707340" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2138" width="32" height="32"><path d="M821.333333 256a32 32 0 0 1 64 0v565.333333c0 64.8-52.533333 117.333333-117.333333 117.333334H256c-64.8 0-117.333333-52.533333-117.333333-117.333334V202.666667c0-64.8 52.533333-117.333333 117.333333-117.333334h597.333333a32 32 0 0 1 0 64H256a53.333333 53.333333 0 0 0-53.333333 53.333334v618.666666a53.333333 53.333333 0 0 0 53.333333 53.333334h512a53.333333 53.333333 0 0 0 53.333333-53.333334V256zM341.333333 437.333333a32 32 0 0 1 0-64h341.333334a32 32 0 0 1 0 64H341.333333z m0 170.666667a32 32 0 0 1 0-64h213.333334a32 32 0 0 1 0 64H341.333333z" p-id="2139" fill="#2c2c2c"></path></svg>
                全部订单
              </div>
              <div className="managementItem">
                <svg t="1641802870395" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3222" width="32" height="32"><path d="M800.362059 639.125329c-10.467399 0-18.940374 8.469905-19.016099 18.939351l0 0.038886c0 0 0 0.038886 0 0.079818 0 0 0 0 0 0.038886l0 96.378048c0 21.017686-17.019629 38.038338-38.034245 38.038338L379.591853 792.638655c-0.01842 0-0.01842 0-0.036839 0L212.86969 792.638655c-20.99722 0-38.034245-17.020652-38.034245-38.038338L174.835446 264.310781c0-21.016663 17.037025-38.033221 38.034245-38.033221l530.441001 0c21.014616 0 38.036291 17.016559 38.036291 38.033221l0 102.026698c0 0.038886 0 0.076748 0 0.076748 0 10.510378 8.505721 19.019169 19.016099 19.019169s19.017122-8.509814 19.017122-19.019169c0 0 0-0.037862 0-0.076748l0-105.830327c0-39.916105-32.349779-72.26486-72.26486-72.26486L209.065038 188.242292c-39.915082 0-72.26486 32.348756-72.26486 72.26486l0 497.896794c0 39.917128 32.348756 72.266907 72.26486 72.266907l538.050306 0c39.915082 0 72.26486-32.349779 72.26486-72.266907l0-100.340289C819.340295 647.595234 810.830481 639.125329 800.362059 639.125329z" p-id="3223"></path><path d="M814.163389 412.369885l-277.060153 0c-37.448914 0-67.855434 28.54615-71.550593 65.010643-0.420579 0.666172-0.724501 1.607614-0.733711 3.294023l0 60.188824c0 39.915082 32.346709 72.26486 72.285327 72.26486l277.060153 0c39.916105 0 72.26793-32.349779 72.26793-72.26486l0-50.699706 0-0.038886 0-5.487991C886.43132 444.719664 854.079494 412.369885 814.163389 412.369885zM848.394005 537.062815c0 21.014616-17.055444 38.030152-38.032198 38.030152L567.098387 575.092967c-0.038886 0-0.038886 0-0.038886 0l-26.15366 0c-21.024849 0-38.046524-17.015535-38.046524-38.030152l0-48.623417c0-20.979824 17.021675-38.035268 38.046524-38.035268l269.455965 0c20.977777 0 38.032198 17.056468 38.032198 38.035268L848.394005 537.062815z" p-id="3224"></path><path d="M788.639063 489.143433c-12.821003 0-23.212678 10.392698-23.212678 23.212678 0 12.784164 10.390651 23.175839 23.212678 23.175839s23.212678-10.391674 23.212678-23.175839C811.850717 499.536131 801.460066 489.143433 788.639063 489.143433z" p-id="3225"></path></svg>
                待付款
              </div>
              <div className="managementItem">
                <svg t="1641802890013" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4131" width="32" height="32"><path d="M805.502126 183.606715 219.370755 183.606715c-41.919738 0-75.892481 33.972742-75.892481 75.891458l0 501.798661c0 41.921785 33.971719 75.892481 75.892481 75.892481l586.131371 0c41.920762 0 75.891458-33.970696 75.891458-75.892481l0-84.291778c-0.063445-10.994402-8.975419-19.891026-19.971867-19.891026-10.993378 0-19.909445 8.895601-19.97289 19.891026l0 0.040932c0 0.040932 0 0.040932 0 0.084934 0 0 0 0 0 0.039909l0 80.135108c0 22.067598-17.889439 39.940664-39.939641 39.940664L440.621834 797.246603c-0.021489 0-0.021489 0-0.042979 0L223.364719 797.246603c-22.051225 0-39.943734-17.873066-39.943734-39.940664L183.420985 445.541379l228.66391 0.329505 0.020466 172.412768c0 11.612479 9.429767 21.084201 21.083178 21.084201 3.635807 0 6.888897-1.152243 9.872858-2.799766l0.196475 0.370437 79.731926-44.308135 77.094866 46.490847c0.473791 0.329505 0.74292 0.823761 1.25662 1.112334 10.028401 5.970992 22.936385 2.63399 28.887934-7.370875 2.243087-3.829212 2.778276-7.989975 2.508123-12.106736 0.104377-0.864694 0.497327-1.605567 0.497327-2.471284l0-0.040932 0.019443 0-0.019443-172.70134 208.216205 0.329505 0 114.517173c0 0.040932 0 0.081864 0 0.081864 0 11.035334 8.936533 19.971867 19.97289 19.971867 11.036357 0 19.971867-8.93551 19.971867-19.971867 0 0 0-0.040932 0-0.081864L881.39563 259.498172C881.393583 217.578434 847.422887 183.606715 805.502126 183.606715zM183.420985 403.375024 183.420985 263.492136c0-22.072715 17.892509-39.943734 39.943734-39.943734l188.679243 0 0.030699 180.15408L183.420985 403.375024zM533.460266 549.680181l-0.229221 0.37146c-6.474458-3.78828-14.649652-4.28356-21.49557-0.12382-0.760317 0.494257-1.204431 1.194198-1.895163 1.77032l-55.568596 30.884404-0.062422-359.034143L591.02431 223.548402l0.060375 360.88735L533.460266 549.680181zM841.449849 403.703505l-208.236672-0.328481-0.022513-179.825598 168.319543 0c22.050202 0 39.939641 17.871019 39.939641 39.943734L841.449849 403.703505z" p-id="4132"></path></svg>
                待到货
              </div>
              <div className="managementItem"> <svg t="1641802933036" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4639" width="32" height="32"><path d="M1024 524.202667L808.618667 295.566222H627.086222v-79.829333a85.376 85.376 0 0 0-85.290666-85.290667H85.290667A85.376 85.376 0 0 0 0 215.736889v456.519111a85.376 85.376 0 0 0 85.290667 85.290667h59.079111a140.231111 140.231111 0 0 0-1.308445 18.062222c0 76.771556 62.449778 139.235556 139.221334 139.235555s139.221333-62.464 139.221333-139.235555c0-4.963556-0.284444-9.856-0.796444-14.677333h215.239111a138.624 138.624 0 0 0-1.607111 20.010666c0 76.771556 62.464 139.221333 139.235555 139.221334s139.221333-62.449778 139.221333-139.221334c0-6.812444-0.654222-13.454222-1.607111-20.010666H1024V524.202667zM282.282667 860.942222c-47.047111 0-85.333333-38.286222-85.333334-85.333333s38.272-85.333333 85.333334-85.333333 85.333333 38.272 85.333333 85.333333-38.286222 85.333333-85.333333 85.333333z m0-224.554666c-50.417778 0-94.520889 27.022222-118.954667 67.256888H85.290667a31.431111 31.431111 0 0 1-31.388445-31.402666V215.736889a31.431111 31.431111 0 0 1 31.388445-31.388445h456.519111a31.431111 31.431111 0 0 1 31.388444 31.388445v491.306667H403.299556c-23.964444-42.126222-69.176889-70.656-121.016889-70.656zM773.575111 866.275556c-47.047111 0-85.333333-38.272-85.333333-85.333334s38.286222-85.333333 85.333333-85.333333 85.333333 38.286222 85.333333 85.333333-38.286222 85.333333-85.333333 85.333334z m196.536889-159.232h-78.748444c-24.661333-39.168-68.167111-65.322667-117.774223-65.322667s-93.112889 26.154667-117.788444 65.322667h-28.700445V349.454222h158.236445l184.775111 196.138667v161.450667z" p-id="4640"></path></svg>
                已发货</div>
              <div className="managementItem"> <svg t="1641802954170" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5491" width="32" height="32"><path d="M860.377432 133.214001 163.652244 133.214001c-41.643446 0-75.546603 33.903158-75.546603 75.546603l0 510.917342c0 41.643446 33.903158 75.546603 75.546603 75.546603l252.743328 0 95.618754 95.559403 95.589079-95.559403 252.774027 0c41.643446 0 75.516928-33.903158 75.516928-75.546603L935.89436 208.761628C935.89436 167.117159 902.020878 133.214001 860.377432 133.214001zM877.749078 231.983515l0 464.473567c0 22.381753-18.21178 40.593534-40.593534 40.593534L579.520813 737.050616l-67.506487 67.565838-67.536162-67.565838L186.874131 737.050616c-22.412452 0-40.624233-18.21178-40.624233-40.593534L146.249899 231.983515c0-22.412452 18.21178-40.624233 40.624233-40.624233l650.28039 0C859.537298 191.360306 877.749078 209.571063 877.749078 231.983515z" p-id="5492"></path><path d="M302.83519 403.749554 741.266637 403.749554c14.851243 0 26.972305-12.481266 26.972305-27.812439 0-15.361873-12.121062-27.872814-26.972305-27.872814L302.83519 348.0643c-14.851243 0-26.942629 12.510942-26.942629 27.872814C275.892561 391.268288 287.983947 403.749554 302.83519 403.749554z" p-id="5493"></path><path d="M741.266637 496.578776 302.83519 496.578776c-14.851243 0-26.942629 12.510942-26.942629 27.842115 0 15.331173 12.091386 27.842115 26.942629 27.842115L741.266637 552.263006c14.851243 0 26.972305-12.510942 26.972305-27.842115C768.238942 509.089717 756.11788 496.578776 741.266637 496.578776z" p-id="5494"></path></svg>
                已评价</div>
            </div>

            <div className="activity">
              <img src={activity} alt="" />
            </div>
          </div>
          <div className="serviceContainer">
            <div className="title">我的服务</div>
            <div className="service">
              <div className="service_column">
                <div className="serviceItem">
                  <svg t="1641825657661" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3059" width="32" height="32"><path d="M448 917.376C448 917.333333 576 917.333333 576 917.333333c0.085333 0 0-42.709333 0-42.709333C576 874.666667 448 874.666667 448 874.666667c-0.085333 0 0 42.709333 0 42.709333z m371.349333-173.034667C809.6 745.877333 799.573333 746.666667 789.333333 746.666667a21.333333 21.333333 0 0 1-21.333333-21.333334V384a21.333333 21.333333 0 0 1 21.333333-21.333333 191.146667 191.146667 0 0 1 92.373334 23.637333C828.202667 234.517333 681.045333 128 511.296 128 341.290667 128 193.749333 234.816 140.458667 387.328A191.125333 191.125333 0 0 1 234.666667 362.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v341.333333a21.333333 21.333333 0 0 1-21.333333 21.333334 192 192 0 0 1-148.906667-313.216 21.269333 21.269333 0 0 1 0.042667-8.682667C127.36 228.288 304.469333 85.333333 511.274667 85.333333c209.706667 0 388.544 146.944 427.008 347.093334l0.213333 1.344A191.210667 191.210667 0 0 1 981.333333 554.666667c0 70.4-37.909333 131.968-94.421333 165.397333-57.642667 100.693333-154.752 174.762667-268.778667 204.074667A42.517333 42.517333 0 0 1 576 960h-128c-23.573333 0-42.666667-19.157333-42.666667-42.624v-42.752c0-23.552 18.922667-42.624 42.666667-42.624h128c23.573333 0 42.666667 19.157333 42.666667 42.624v5.141333a392.810667 392.810667 0 0 0 200.682666-135.424zM85.333333 554.666667c0.298667 133.589333 128 148.949333 128 148.949333V406.144s-128.298667 14.933333-128 148.522667z m853.333334 0c0.298667-133.589333-128-148.522667-128-148.522667v297.472s127.701333-15.36 128-148.949333z" fill="#ff9172" p-id="3060"></path></svg>
                  帮助客服
                </div>
                <div className="serviceItem">
                  <svg t="1641826929772" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3975" width="32" height="32"><path d="M509.091764 501.653351c241.775532 0 424.086741-78.085426 424.086741-181.63992 0-103.543238-182.311209-181.628664-424.086741-181.628664S84.993766 216.471217 84.993766 320.014454C84.993766 423.568948 267.316232 501.653351 509.091764 501.653351zM509.091764 184.220698c222.908836 0 378.251833 71.561849 378.251833 135.793756S732.001623 455.818443 509.091764 455.818443c-222.920092 0-378.26309-71.573105-378.26309-135.803989S286.171672 184.220698 509.091764 184.220698z" p-id="3976" fill="#ff9172"></path><path d="M509.083577 694.061522c241.1155 0 422.937568-77.598332 422.937568-180.482561 0-27.169803-13.127995-52.453652-36.241412-75.131141-0.148379-0.153496-0.26606-0.320295-0.418532-0.468674-0.170892-0.166799-0.285502-0.345877-0.456395-0.51063l-0.11461 0.125867c-3.717671-3.40761-8.576329-5.608741-14.017248-5.608741-11.542894 0-20.898982 9.356089-20.898982 20.898982 0 6.110161 2.721994 11.481496 6.901177 15.302521l-0.082888 0.091074c13.948687 14.024411 21.809725 31.154557 21.809725 45.300742 0 64.785515-155.813718 136.966465-379.419426 136.966465-223.595474 0-379.410216-72.180949-379.410216-136.966465 0-16.139585 4.53734-29.952172 22.323425-45.670156 0.213871-0.204661 0.429789-0.381693 0.635473-0.594541 0.137123-0.118704 0.240477-0.233314 0.378623-0.354064l-0.084934-0.080841c3.416819-3.719718 5.623068-8.588609 5.623068-14.037714 0-11.542894-9.356089-20.898982-20.898982-20.898982-5.770424 0-10.993378 2.340301-14.773472 6.119371l-0.122797-0.118704c-23.408129 22.797215-36.594453 48.27754-36.594453 75.635631C86.158289 616.462167 267.979334 694.061522 509.083577 694.061522z" p-id="3977" fill="#ff9172"></path><path d="M895.577119 629.529787c-0.168846-0.164752-0.282433-0.342808-0.453325-0.50756l-0.11461 0.124843c-3.717671-3.40761-8.577353-5.608741-14.018272-5.608741-11.540847 0-20.897959 9.356089-20.897959 20.898982 0 6.110161 2.720971 11.482519 6.901177 15.302521l-0.083911 0.091074c13.94971 14.024411 21.810748 31.154557 21.810748 45.300742 0 64.787562-155.813718 136.966465-379.419426 136.966465-223.595474 0-379.410216-72.179926-379.410216-136.966465 0-16.139585 4.53734-29.952172 22.321378-45.670156 0.213871-0.202615 0.429789-0.381693 0.635473-0.594541 0.137123-0.118704 0.240477-0.233314 0.378623-0.354064l-0.084934-0.080841c3.416819-3.719718 5.623068-8.588609 5.623068-14.037714 0-11.542894-9.356089-20.898982-20.897959-20.898982-5.770424 0-10.993378 2.340301-14.773472 6.119371l-0.122797-0.118704c-23.410176 22.797215-36.594453 48.278563-36.594453 75.635631 0 102.884228 181.821045 180.482561 422.926312 180.482561 241.114476 0 422.935522-77.598332 422.935522-180.482561 0-27.166733-13.125949-52.452629-36.235272-75.127048C895.851365 629.847012 895.730615 629.681236 895.577119 629.529787z" p-id="3978" fill="#ff9172"></path></svg>
                  我的积分
                </div>
                <div className="serviceItem">

                  <svg t="1641803091659" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9265" width="32" height="32"><path d="M499.5072 0c274.5856 0 499.2 224.6144 499.2 499.2s-224.6144 499.2-499.2 499.2c-264.2944 0-481.4848-206.4384-498.176-468.7872l-0.7168-14.1312L0 488.6016h69.888l0.2048 12.544c2.2016 115.2512 45.9776 220.0064 126.8224 300.8512a421.888 421.888 0 0 0 302.592 126.5664 422.0928 422.0928 0 0 0 302.7968-126.7712 421.888 421.888 0 0 0 126.5664-302.592 415.8464 415.8464 0 0 0-117.9136-291.84l-11.1104-10.9568a421.888 421.888 0 0 0-302.592-126.5664 425.984 425.984 0 0 0-257.28 84.992l-13.6192 10.752-7.3216 6.1952 69.5296 11.776-10.5472 67.1232-184.576-28.16 32.8704-200.0384 67.3792 10.6496-13.824 81.5104 11.008-8.8064A502.4768 502.4768 0 0 1 463.872 1.2288l18.7392-0.9728 16.896-0.256z m2.2016 413.0816l130.6624-124.1088 49.152 49.152-95.0784 88.576h71.7824v69.8368l-123.904-0.0512v54.016h123.904v69.8368l-123.904-0.0512 0.0512 159.232H464.5888v-159.232l-121.6 0.0512v-69.8368h121.6V496.4864H342.9888V426.752h71.5264L321.9968 338.0224l48.9984-49.0496L501.76 413.0816z" p-id="9266" fill="#ff9172"></path></svg>
                  退换售后
                </div>
                <div className="serviceItem">
                  <svg t="1641803118595" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10925" width="32" height="32"><path d="M832.768 341.205c0-18.901 15.872-34.261 35.413-34.261 19.883 0 36.096 15.659 36.096 34.859v550.144c0 60.97-51.498 110.72-114.602 110.72H157.227c-63.062 0-114.56-49.75-114.56-110.72V203.008c0-60.97 51.498-110.72 114.56-110.72h493.738c20.651 0 37.334 16.128 37.334 36.096 0 21.632-18.091 39.296-40.662 39.296H149.12c-19.37 0-35.115 15.36-35.115 33.92v691.883c0 18.773 15.915 33.962 35.115 33.962h648.533c19.371 0 35.115-15.36 35.115-33.962V341.205zM444.075 442.24H215.552a28.885 28.885 0 0 1-29.227-28.288V400.64c0-15.488 13.184-28.245 29.227-28.245h228.523c16.042 0 29.226 12.757 29.226 28.245v13.355c0.171 15.53-13.013 28.288-29.226 28.288z m214.357 210.048h-442.88a28.885 28.885 0 0 1-29.227-28.245v-13.398c0-15.488 13.184-28.245 29.227-28.245h442.88c16.043 0 29.227 12.757 29.227 28.245v13.398c0 15.488-13.184 28.245-29.227 28.245zM972.757 79.104L606.464 434.987a30.25 30.25 0 0 1-41.472 0.17l-9.813-9.514a27.819 27.819 0 0 1-0.214-40.107L921.43 29.696a30.25 30.25 0 0 1 41.472-0.17l9.814 9.514c11.477 11.093 11.477 29.013 0 40.107z" p-id="10926" fill="#ff9172"></path></svg>
                  我要反馈
                </div>
                <div className="serviceItem">
                  <svg t="1641803152905" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11870" width="32" height="32"><path d="M174 850.6V173.4l674.9-0.3 0.3 677.3-675.2 0.2zM849.1 98.2H173.7c-41.2 0-74.6 33.5-74.7 74.9v677.6c0 41.3 33.5 74.9 74.7 74.9h675.5c41.2-0.1 74.6-33.6 74.7-74.9V173c-0.2-41.3-33.6-74.7-74.8-74.8z m0 0" p-id="11871" fill="#ff9172"></path><path d="M753.3 430.5L616.5 567.8 496.8 447.7c-14.6-14.6-38.2-14.7-52.9-0.2L260.1 629.9c-14 14.7-13.8 38 0.5 52.5s37.4 14.9 52.3 1.1l157.2-156.1L590 647.6c14.9 14.1 38.1 14.1 53 0l163.3-163.9c14.6-14.7 14.6-38.5 0-53.2s-38.3-14.6-53 0" p-id="11872" fill="#ff9172"></path></svg>
                  我要拼团
                </div>
              </div>
              <div className="service_column">
                <div className="serviceItem">
                  <svg t="1641803176485" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12402" width="32" height="32"><path d="M821.653333 633.813333L576.533333 917.333333a85.333333 85.333333 0 0 1-129.066666 0.064L198.634667 629.952c-1.152-1.322667-2.133333-2.773333-2.88-4.266667A361.088 361.088 0 0 1 149.333333 448c0-200.298667 162.368-362.666667 362.666667-362.666667s362.666667 162.368 362.666667 362.666667c0 63.744-16.490667 125.162667-47.381334 179.370667a21.269333 21.269333 0 0 1-5.632 6.421333zM792.32 602.453333A318.442667 318.442667 0 0 0 832 448c0-176.725333-143.274667-320-320-320-176.725333 0-320 143.274667-320 320 0 55.317333 14.037333 108.522667 40.384 155.733333l247.317333 285.738667a42.666667 42.666667 0 0 0 64.554667-0.021333L792.32 602.453333zM512 597.333333a149.333333 149.333333 0 1 1 0-298.666666 149.333333 149.333333 0 0 1 0 298.666666z m0-42.666666a106.666667 106.666667 0 1 0 0-213.333334 106.666667 106.666667 0 0 0 0 213.333334z" p-id="12403" fill="#ff9172"></path></svg>
                  地址管理
                </div>
                <div className="serviceItem">
                  <svg t="1641803202303" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12761" width="32" height="32"><path d="M336.607179 20.936633C349.838127 8.915764 367.384259 1.758038 385.250033 1.130167c84.8767 0.011416 169.741984 0.045663 254.618685-0.022831 18.767625 0.490881 37.238439 8.219398 50.78903 21.210613 8.162319 8.185151 16.941093 15.731014 25.742698 23.208383 57.604281 48.51728 124.010167 86.2466 194.502921 112.571505 11.678395 4.360847 22.317949 11.495741 30.662921 20.776812 12.077949 13.025463 18.69913 30.343278 20.217436 47.923656v296.88009c-0.810524 1.461226-1.803701 2.933868-1.700959 4.703322-3.710145 68.609142-23.139889 136.133779-55.184125 196.843166-30.286198 57.66136-71.668584 109.215251-120.026042 152.743813-54.01971 48.642854-116.715452 87.365351-183.69213 115.45971-28.99621 12.032285-58.700201 22.591929-89.123389 30.354693-67.992687-18.002765-133.234158-46.690747-192.470903-84.659799-68.369409-43.950948-128.713489-101.075764-173.646198-168.977124C98.941003 699.493601 69.54524 616.774493 64.339621 531.920624c-0.045663-3.847135-1.187246-7.545864-1.347068-11.370167 0.068495-95.892977 0-191.785953 0.045663-287.67893 0.079911-12.294849 2.477235-24.66961 8.013913-35.708718 8.721695-18.151171 24.920758-32.432375 43.871037-39.156298 81.885753-30.594426 158.33757-76.645886 221.684013-137.069878m44.65873 26.58747c-6.917993 1.461226-12.877057 5.628004-17.637459 10.708049-67.330569 63.118127-148.108986 111.247269-234.526822 143.245841-12.614493 4.73757-20.993712 18.002765-20.308763 31.416366-0.251148 89.431616-0.034247 178.863233-0.114158 268.294849-0.079911 7.55728 0.54796 15.091728 0.879019 22.637592 2.762631 52.752553 15.491282 104.922899 37.021538 153.154783 32.283969 72.63893 83.735117 135.905463 145.27786 185.82689 64.659264 52.352999 140.357637 90.721605 220.234203 113.621761 41.542207-11.769721 81.817258-28.03728 120.105953-47.980736 67.07942-35.0466 128.039955-82.46796 176.363166-140.871349 50.183991-60.321249 86.166689-133.040089 99.922765-210.507915 4.589164-24.658194 6.370033-49.738774 7.169141-74.77369 0.022832-91.737614-0.068495-183.509476 0.045664-275.235674-1.141583-10.057347-7.397458-19.372664-16.313222-24.17873-5.525262-2.739799-11.484326-4.475006-17.157994-6.87233-81.109476-31.895831-156.819264-78.255518-220.428272-137.994559-5.799242-6.609766-14.15563-11.06194-23.048561-11.233177-80.664259 0.057079-161.328517 0-241.992776 0.022831-5.171371 0.068495-10.411237-0.502297-15.491282 0.719198z" p-id="12762" fill="#ff9172"></path><path d="M486.42854 231.513043c58.323478-6.061806 118.656143 9.383813 166.579799 43.243167 34.738372 24.087402 63.0268 57.330301 81.417703 95.379264 18.48223 38.037547 26.758707 80.892575 24.098819 123.085485-2.454404 41.131237-15.479866 81.566109-37.51242 116.395808-22.945819 36.462163-55.549431 66.748361-93.60981 86.942965-39.030725 20.811059-83.723701 30.662921-127.880134 28.482498-42.067336-1.929275-83.56388-14.909075-119.226934-37.295519-36.051193-22.512018-66.109075-54.487759-86.406421-91.828941-27.055518-49.373467-36.153935-108.142163-25.811193-163.440446 8.128071-44.339086 28.813556-86.235184 58.939933-119.752062 40.571862-45.640491 98.587113-75.333066 159.410658-81.212219m3.287759 45.571996a200.621806 200.621806 0 0 0-70.104616 20.970881c-32.261137 16.541538-59.955942 41.896098-79.168784 72.650345-19.018774 30.057882-29.715407 65.298551-30.742832 100.847447-1.061672 32.71777 6.027559 65.652441 20.491416 95.013958 17.705953 36.08544 46.38252 66.691282 81.349208 86.531996 37.284103 21.610167 81.703099 30.343278 124.432553 25.080579 39.544437-4.691906 77.422163-21.678662 107.468629-47.752419 29.852397-25.76553 51.919197-60.435407 62.501672-98.427291 11.415831-40.777347 9.612129-85.184928-5.36544-124.809275-13.74466-36.873133-38.619755-69.476745-70.447091-92.616633-39.966823-29.430011-91.098328-42.980602-140.414715-37.489588z" p-id="12763" fill="#ff9172"></path><path d="M617.973155 395.935251c4.726154-4.943055 11.769721-7.534448 18.573556-6.575519 7.363211 0.82194 13.584838 5.9134 17.454805 12.02087 5.01155 8.162319 3.64165 19.555318-3.196432 26.279242-32.85476 32.934671-65.800847 65.789431-98.67844 98.701271-11.96379 11.655563-23.242631 24.030323-35.845708 35.000936-6.392865 5.662252-16.29039 6.689677-23.824838 2.762631-3.938462-1.952107-6.826667-5.354025-9.908941-8.379219-28.539576-28.562408-57.101984-57.090569-85.630145-85.641561-3.938462-3.847135-6.427113-9.14408-6.632597-14.657927-0.844771-14.315452 14.144214-27.386577 28.242764-23.699264 5.810658 1.152999 10.217168 5.354025 14.132799 9.520803 23.322542 23.333958 46.645084 46.656499 69.979041 69.979041 38.459933-38.425686 76.897035-76.874203 115.334136-115.311304z" p-id="12764" fill="#ff9172"></path></svg>
                  账号安全
                </div>
                <div className="serviceItem">
                  <svg t="1641803235731" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13058" width="32" height="32"><path d="M704 160v704H320V160h384m128-128H192v960h640V32z" p-id="13059" fill="#ff9172"></path><path d="M384 672h256v128h-256z" p-id="13060" fill="#ff9172"></path></svg>
                  账号关联
                </div>
                <div className="serviceItem">
                  <svg t="1641803293822" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13943" width="32" height="32"><path d="M798.723234 174.782745c0-60.576657-49.106418-109.683075-109.683075-109.683075l-354.708628 0c-60.576657 0-109.683075 49.106418-109.683075 109.683075l0 673.980161c0 60.576657 49.106418 109.683075 109.683075 109.683075l354.708628 0c60.576657 0 109.683075-49.106418 109.683075-109.683075L798.723234 174.782745zM264.557398 237.015112l494.256894 0 0 529.049305-494.256894 0L264.557398 237.015112zM334.356091 105.008612 689.016623 105.008612c38.548968 0 69.798692 31.249725 69.798692 69.798692l0 22.298865-494.256894 0 0-22.298865C264.557398 136.25936 295.807123 105.008612 334.356091 105.008612zM689.016623 918.53704 334.356091 918.53704c-38.548968 0-69.798692-31.249725-69.798692-69.798692l0-43.788296 494.256894 0 0 43.788296C758.814292 887.287315 727.564567 918.53704 689.016623 918.53704z" p-id="13944" fill="#ff9172"></path><path d="M513.173732 829.943282c-16.70752 0-30.30112 13.5936-30.30112 30.30112 0 16.70752 13.5936 30.30112 30.30112 30.30112s30.299073-13.5936 30.299073-30.30112C543.472805 843.536882 529.881253 829.943282 513.173732 829.943282z" p-id="13945" fill="#ff9172"></path></svg>
                  我的手机号
                </div>
                <div className="serviceItem">
                  <svg t="1641803334023" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14235" width="32" height="32"><path d="M874.130433 323.922975a266.423637 266.423637 0 1 0-420.808859 215.747954 403.749718 403.749718 0 0 0-250.869715 372.692048 40.139154 40.139154 0 0 0 80.278309 0c0-178.368367 145.956-323.47141 325.327846-323.47141a265.921897 265.921897 0 0 0 266.072419-264.968592z m-266.423637 185.292371a185.292371 185.292371 0 1 1 186.346024-185.292371 186.04498 186.04498 0 0 1-186.346024 185.292371z" fill="#ff9172" p-id="14236"></path><path d="M318.905581 577.652604a39.787937 39.787937 0 0 0 5.017394-78.672742 175.6088 175.6088 0 0 1-18.514185-339.426724 39.838111 39.838111 0 1 0-24.785928-75.712479 254.733108 254.733108 0 0 0-79.475525 443.487481 326.53202 326.53202 0 0 0-189.205939 322.367582 40.139154 40.139154 0 0 0 40.139155 36.626979h3.31148a40.139154 40.139154 0 0 0 36.677152-42.898721 247.25719 247.25719 0 0 1 226.836396-265.771376zM974.277623 742.574354h-90.313098v-89.961879a40.139154 40.139154 0 0 0-80.278308 0V742.574354h-90.313097a39.838111 39.838111 0 1 0 0 79.676222h90.313097v90.012053a40.139154 40.139154 0 0 0 80.278308 0v-89.961879h90.313098a39.838111 39.838111 0 1 0 0-79.676222z" fill="#ff9172" p-id="14237"></path></svg>
                  加群领红包
                </div>
              </div>
            </div>
          </div>
          <div className="advertisement">
            <ListData list={list} navBarFixed={navBarFixed} ></ListData>
          </div>
        </Container>
      {/* </Scroll> */}
    </>
  )
}
export default Person